<template>
<div>
<Header></Header>
    <div class="vip_box vip_gd">
        <div class="index_box_1">
            <p class="t_wz">VIP五大特权  尽享尊贵体验</p>
            <ul class="vip_con_ul">
                <li>
                    <p class="icon"><img src="lib/images/ic_vip_1.png" alt=""></p>
                    <p class="wz_1">全球酒店低价住</p>
                    <p class="wz_2">全球五星酒店低至2-3折入住花标准间的价格，享受豪华套房的服务</p>
                </li>
                <li>
                    <p class="icon"><img src="lib/images/ic_vip_2.png" alt=""></p>
                    <p class="wz_1">1对1专业旅行顾问</p>
                    <p class="wz_2">专业旅行顾问一对一免费为你定制行程，出行费用降两级，旅行体验升三级</p>
                </li>
                <li>
                    <p class="icon"><img src="lib/images/ic_vip_3.png" alt=""></p>
                    <p class="wz_1">全球导游加司机</p>
                    <p class="wz_2">全球专业导游对接，不仅可全程带玩，还是你的专属司机，省心省力</p>
                </li>
                <li>
                    <p class="icon"><img src="lib/images/ic_vip_4.png" alt=""></p>
                    <p class="wz_1">超长年限25年</p>
                    <p class="wz_2">用平时5年旅游费用，享受25年超长服务体验</p>
                </li>
                <li>
                    <p class="icon"><img src="lib/images/ic_vip_5.png" alt=""></p>
                    <p class="wz_1">浪漫体验定制</p>
                    <p class="wz_2">想来一场浪漫旅行，不仅有专业顾问出谋划策，还提供现场布置</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="vip_con index_box_1">
        <div class="vip_wd_1 left">
            <ul class="vip_menu" id="menuId">
                <li class="on"><a href="javascript:void(0);">特权一</a></li>
                <li><a href="javascript:void(0);">特权二</a></li>
                <li><a href="javascript:void(0);">特权三</a></li>
                <li><a href="javascript:void(0);">特权四</a></li>
                <li><a href="javascript:void(0);">特权五</a></li>
            </ul>
            <div class="detail_item" id="contentId0">
                <div class="title"><span class="name">特权一：全球酒店低价住</span></div>
                <div class="con_1">
                    <p class="wz_1">全球五星级酒店低至2-3折入住，单间的价格，套房的服务。</p>
                    <ul class="vip_pt_ul">
                        <li><img src="lib/images/vip_pt_1.jpg" alt=""></li>
                        <li><img src="lib/images/vip_pt_2.jpg" alt=""></li>
                        <li><img src="lib/images/vip_pt_3.jpg" alt=""></li>
                        <li><img src="lib/images/vip_pt_4.jpg" alt=""></li>
                    </ul>
                    <p class="wz_2">入住酒店环境</p>
                    <p><img src="lib/images/vip_pt_5.jpg" alt=""></p>
                </div>
            </div>
            <div class="detail_item" id="contentId1">
                <div class="title"><span class="name">特权二：1对1专业旅行顾问</span></div>
                <div class="con_1">
                    <p class="wz_1">专业旅行顾问一对一为你免费定制行程，出行费用降两级，旅行体验升三级。</p>
                    <p><img src="lib/images/vip_pt_6.jpg" alt=""></p>
                </div>
            </div>
            <div class="detail_item" id="contentId2">
                <div class="title"><span class="name">特权三：全球导游加司机</span></div>
                <div class="con_1">
                    <p class="wz_1">全球专业导游对接，不仅可全程带你玩，还是你的专属司机，省心省力。</p>
                    <p><img src="lib/images/vip_pt_7.jpg" alt=""></p>
                </div>
            </div>
            <div class="detail_item" id="contentId3">
                <div class="title"><span class="name">特权四：超长年限25年</span></div>
                <div class="con_1">
                    <p class="wz_1">用平时5年旅游的费用，享受25年超长服务体验。用不玩，还可以转让给其他会员。</p>
                    <p><img src="lib/images/vip_pt_8.jpg" alt=""></p>
                </div>
            </div>
            <div class="detail_item" id="contentId4">
                <div class="title"><span class="name">特权五：浪漫体验定制</span></div>
                <div class="con_1">
                    <p class="wz_1">想来一场浪漫旅行，不仅有专业顾问为你出谋划策，还提供现场布置，省时省力。</p>
                    <p><img src="lib/images/vip_pt_9.jpg" alt=""></p>
                </div>
            </div>
        </div>
        <div class="vip_code right">
            <p class="wz">关注智富微信<br />即可在线下单</p>
            <p class="pt"><img src="lib/images/code_2.jpg" alt=""></p>
        </div>
        <div class="clear"></div>
    </div>
    <Footer></Footer>
</div>
</template>
<script>
import common from "../utils/common";
import Header from "../components/Header.vue";
import Footer from "../components/Footer.vue";
export default {
  components: {
    Header,Footer
  },
  mounted: function() {
  	this.initClick();
  },
  methods: {
  	initClick:function(){
  	 $("#menuId>li").click(function(){
        var index = $(this).index();
        $("html,body").animate({scrollTop: $("#contentId"+index).offset().top}, 600);
     });
  	}
  },
  data: function() {
    return {
    	list:[]
    };
  }
};


</script>